<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    <link rel="stylesheet" href="../css/my.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2.16/lib/index.css">
</head>

<body>
    <script src="../js/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.2.16/lib/vant.min.js"></script>
    <div id="container">
        <!--顶部返回栏-->
        <div class="top">
            <van-nav-bar title="消息中心" left-text="返回" left-arrow v-on:click-left='onClickLeft'>
            </van-nav-bar>
        </div>
         <!--顶部返回栏结束-->
          <!--个人信息栏-->
        <div class="set">
            <div class="image">
                <img src="../image/apple.png" alt="">
            </div>
            <div class="username">用户名：abc</div>
            <div class="account-info">积分：0|余额：￥0</div>
        </div>
        <!--个人信息栏结束-->
        <!--信息栏-->
        <div class="option">
            <ul>
                <li>
                    <van-cell icon="bill" title="我的订单" is-link value="订单详情" />
                </li>
                <li>
                    <van-cell icon="coupon" title="优惠券" is-link value="查看我的优惠券" />
                </li>
                <li>
                    <van-cell icon="location" title="收货地址" is-link value="管理我的收货地址" />
                </li>
                <li>
                    <van-cell icon="star" title="我的收藏" is-link value="查看我的收藏" />
                </li>
                <li>
                    <van-cell icon="setting" title="设置" is-link value="进行设置" />
                </li>
            </ul>
        </div>
        <!--信息栏结束-->
        <!--底部按钮栏-->
        <div class="button">
            <van-button type="primary" size="large" v-on:click="onClickquit">退出</van-button>
        </div>
        <!--底部按钮栏结束-->
    </div>
    <script>
        var vm = new Vue({
            el: "#container",
            methods: {
                onClickLeft: function () {
                    window.location.href = '../html/home.html'
                },
                onClickquit: function () {
                    alert("确定要退出吗?")
                    window.location.href = '../html/home.html'
                }
            },
        })
    </script>
</body>
</html>